
body, ul, li {margin:0; padding:0; list-style:none;}
body {background-color:#fff; color:#444; font-size:14px; font-family:"Hiragino Sans GB W3", "Hiragino Sans GB", Arial, Helvetica, simsun, \u5b8b\u4f53;}


/* range */
.range-title {height:32px; line-height:32px; background-color:#ee5d16; text-indent:10px; color:#fff;}
.range-item {position:relative; border-bottom:1px solid #ddd;}
.range-item .sign {padding:60px 10px 5px 80px; line-height:18px; color:#999;}
.range-item .poi {position:absolute; right:10px; top:10px; font-size:13px; color:#999; padding-left:15px; background:url(location.png) no-repeat left center;}

.range-link {position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
.range-header {position:absolute; left:5px; top:5px; width:70px; height:70px; border-radius:5px; overflow:hidden;}

.range-content {position:absolute; left:82px; top:5px; overflow:hidden;}
.range-content h4 {display:inline; line-height:25px; font-size:16px;}
.range-content .age {display:block; margin-top:5px; font-size:13px; color:#999;}
.range-content .age span {background-color:#fcc; border-radius:4px; padding:2px 4px 1px; margin-right:5px; font-size:12px; color:#fff;}


/* level */
.star05 {background:url(star.png) no-repeat 0 0;}
.star10 {background:url(star.png) no-repeat 0 -15px;}
.star15 {background:url(star.png) no-repeat 0 -30px;}
.star20 {background:url(star.png) no-repeat 0 -45px;}
.star25 {background:url(star.png) no-repeat 0 -60px;}
.star30 {background:url(star.png) no-repeat 0 -75px;}
.star35 {background:url(star.png) no-repeat 0 -90px;}
.star40 {background:url(star.png) no-repeat 0 -105px;}
.star45 {background:url(star.png) no-repeat 0 -120px;}
.star50 {background:url(star.png) no-repeat 0 -135px;}


/* detail */
.detail-head {position:relative; height:90px; background-color:#f4f4f4;}
.head-face {position:absolute; left:10px; top:10px; width:70px; height:70px; border-radius:5px; overflow:hidden;}
.head-name {position:absolute; left:90px; top:10px;}
.head-name h2 {display:inline; font-size:18px;}
.head-name span {display:block; margin-top:5px; color:#999;}
.head-name .score {height:15px; margin-top:10px; text-indent:100px; line-height:15px; color:#999;}
#book {position:absolute; right:10px; margin-top:12px; background-color:#ee5d16; border-radius:4px; display:block; width:82px; height:30px; line-height:30px; text-decoration:none; text-align:center; color:#fff;}
.info-wrap {position:relative; overflow:hidden; border-bottom:1px solid #eee;}
.info-wrap h4 {position:absolute; left:10px; top:-2px; font-weight:normal;}
.info-wrap p {float:left; padding:0 10px 0 90px; line-height:20px; color:#999;}
#thumbs {position:absolute; left:90px; top:10px;}
#thumbs img {margin-right:6px;}

.detail-star {background-color:#fff; height:75px; margin:10px 0; border:1px solid #eee; overflow:hidden;}
.detail-star p {text-align:center;}
#review {position:relative; top:-10px; display:block; width:160px; height:30px; margin:auto; text-decoration:none;}

.detail-review {position:relative; border-top:1px solid #eee;}
.detail-review .score {position:absolute; right:10px; top:15px; width:91px; height:15px;}
.detail-review .close {position:absolute; right:-2px; top:2px; z-index:999; display:block; width:12px; height:12px; background:url(close.png) no-repeat; background-size:80%;}
.detail-review h4 {position:absolute; left:70px; top:0; font-size:15px; line-height:10px;}
.detail-review span {padding-left:8px; font-weight:normal; font-size:13px; color:#ccc;}

.review-header {position:absolute; left:10px; top:10px; width:50px; height:50px;}
.review-content {padding:40px 10px 10px 70px; line-height:18px; color:#999;}


/* overlay */
#lean_overlay {position:fixed; z-index:100; top:0; left:0; height:100%; width:100%; background-color:#000; display:none;}
.form_overlay {padding:20px 0 0 20px; width:260px; padding-bottom:2px; display:none; background-color:#f9f9f9; border-radius:6px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); overflow:hidden;}
.form_overlay h4 {line-height:10px;}
.form_overlay label {color:#333;}
.form_overlay .inp {background:url(input.png) no-repeat center top; border:1px solid #ddd; border-radius:5px; width:220px; height:28px; font-size:20px; background-color:#fff;}
.form_overlay .btn {background:url(input.png) no-repeat center bottom; border:none; border-radius:5px; width:240px; height:40px; font-size:16px; color:#fff;}
.form_overlay textarea {border:1px solid #ddd; border-radius:5px; width:230px; height:80px;}
.form_overlay #star {width:150px!important; margin:auto;}


/* photo */
.photo-title {position:relative; overflow:hidden; padding:10px;}
.photo-date {position:absolute; right:10px; top:15px; color:#999;}
.photo-show {width:320px; height:370px; margin:auto; overflow:hidden;}
.photo-noti {margin:10px; overflow:hidden;}
.photo-noti span {display:block; height:30px; color:#999;}
.photo-noti #dig {float:left; margin-right:10px; text-align:center; line-height:30px; display:block; padding-left:20px; width:60px; height:30px; border-radius:4px; text-decoration:none;}
.photo-noti #dig.on {background:#f03681 url(star_on.png) no-repeat 10px center; color:#fff;}
.photo-noti #dig.off {background:#ddd url(star-on.png) no-repeat 10px center; color:#444;}
.photo-noti #review1 {float:left; margin-right:10px; text-align:center; line-height:30px; display:block; width:80px; height:30px; background-color:#ddd; border-radius:4px; text-decoration:none; color:#444;}
